<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dilimin Ucunda</title>

<link rel="stylesheet" href="<?php echo base_url(); ?>media/css/style.css" type="text/css" /> 
<link rel="stylesheet" href="<?php echo base_url(); ?>media/css/reset.css" type="text/css" />
<script language="javascript" type="text/javascript" src="<?php echo base_url(); ?>media/js/jquery-1.5.1.min.js"></script>
<script language="javascript" type="text/javascript" src="<?php echo base_url(); ?>media/js/jquery-ui.js"></script>
<script>
 $(document).ready(function() {
    $("#login_box").hide();
	$("#tags_box").hide();	
   
    $("#loginLink").click(function() {
	    $("#searchbox").hide();
		$("#tags_box").hide();
	    $("#login_box").slideDown("slow");
	});
	
    $("#searchLink").click(function() {
	    $("#login_box").hide();
		$("#tags_box").hide();
	    $("#searchbox").slideDown("slow");
	});
	
    $("#tagsLink").click(function() {
	    $("#login_box").hide();
	    $("#searchbox").hide();
	    $("#tags_box").slideDown("slow");
	});
	
	
	<?php if(!uye_girdi()): ?>
	$("#loginbtn").hover(function() {
		$("#loginbtn").attr('src','<?php echo base_url(); ?>media/images/login_box_button_over.png');
	},function() {
		$("#loginbtn").attr('src','<?php echo base_url(); ?>media/images/login_box_button.png');
	});
	
	$("#loginform").submit(function() {
		var err = 0;
		if($("#kadi").val() == "")
		{
			$("#kadi_text").css("color", "#C91C45");
			$("#kadi").css("border", "1px solid #C91C45");
			$("#kadi").effect("shake", {times:2}, 150);
			$("#kadi_text").effect("shake", {times:2}, 150);
			err = 1;
		}
		
		if($("#parola").val() == "")
		{
			$("#parola_text").css("color", "#C91C45");
			$("#parola").css("border", "1px solid #C91C45");
			$("#parola").effect("shake", {times:2}, 150);
			$("#parola_text").effect("shake", {times:2}, 150);
			err = 1;
		}
		
		if (err == 1)
		{
			return false;
		}
		else
		{
			return true;
		}
	});
	<?php endif; ?>
	
	$("#logoutlink").click(function() {
		var a = confirm("Çıkış yapmak istediğinizden emin misiniz?");
		if(a == true)
		{
			return true;
		}
		else
		{
			return false;
		}
	});
	$("#logoutlink1").click(function() {
		var a = confirm("Çıkış yapmak istediğinizden emin misiniz?");
		if(a == true)
		{
			return true;
		}
		else
		{
			return false;
		}
	});
 });
 
 
</script>
</head>

<body>
<div id="main">
	<div id="header">
		<div id="logo"><a href="<?php echo base_url(); ?>"><img src="<?php echo base_url(); ?>media/images/logo.png"></a></div>
		<div id="loginbox">
				<?php if(!uye_girdi()): ?>
				<a href="<?php echo giris_url(); ?>"><img src="<?php echo base_url(); ?>media/images/login_button.jpg"></a><br>
				<a href="<?php echo kayit_url(); ?>"><img src="<?php echo base_url(); ?>media/images/register_button.jpg"></a>
				<?php else: ?>
				<a href="#"><img src="<?php echo base_url(); ?>media/images/profile_button.jpg"></a><br>
				<a href="<?php echo cikis_url(); ?>" id="logoutlink"><img src="<?php echo base_url(); ?>media/images/logout_button.jpg"></a>
				<?php endif; ?>
		</div>
		<div class="clearer"></div>
	</div>
	<div id="navbar">
		<div id="searchbox">
        	<input type="text" id="arama" name="arama" class="arama" value="burdan bakla ara..." />
            <input type="image" src="<?php echo base_url(); ?>media/images/searchbox_button.jpg" class="aramabtn" />
            <div class="clearer"></div>
        </div>
        <?php if(!uye_girdi()): ?>
        <div id="login_box">
        	<?php echo form_open(giris_url(), array('id'=>'loginform')); ?>
        	<div class="left">
                <div class="column">
                    <div class="text"><label id="kadi_text">kullanıcı adı: </label></div>
                    <input type="text" id="kadi" name="kadi" class="field" />
                    <div class="clearer"></div>
                </div>
                <div class="column">
                    <div class="text"><label id="parola_text">parola:</label> </div>
                     <input type="password" id="parola" name="parola" class="field" />
                    <div class="clearer"></div>
                </div>
            </div>
            <div class="right">
            	<input type="image" src="<?php echo base_url(); ?>media/images/login_box_button.png" class="loginbtn" id="loginbtn" />
                <div class="details">
                	&raquo; <a href="#">parolamı unuttum?</a><br />
                	&raquo; <label for="remember">beni hatırla!</label> <input type="checkbox" id="remember" name="remember" />
                    
                </div>
            </div>
            <div class="clearer"></div>
            <input type="hidden" id="referer" name="referer" value="<?php echo $this->referer = &$this->input->server("HTTP_REFERER"); ?>" />
            <div id="loginerr"></div>
            </form>
        </div>
        <?php endif; ?>
        <div id="tags_box">
        
                	<a href="#" style="color:#6bbfca; font-size:14px;">lorem</a>
                    <a href="#" style="color:#6db558; font-size:18px;">ipsum</a>
                    <a href="#" style="color:#696969; font-size:10px;">dolor</a>
                    <a href="#" style="color:#e6246a; font-size:14px;">sit</a>
                    <a href="#" style="color:#e22a72; font-size:16px;">amet</a>
                    <a href="#" style="color:#e55f92; font-size:8px;">consectetur</a>
                    <a href="#" style="color:#dc7526; font-size:26px;">adipiscing</a>
                    <a href="#" style="color:#6bbfca; font-size:12px;">elit</a>
                    <a href="#" style="color:#c8aeb7; font-size:8px;">fusce</a>
                    <a href="#" style="color:#6bbfca; font-size:10px;">feugiat</a>
                    <a href="#" style="color:#00cffa; font-size:16px;">lacus</a>
                    <a href="#" style="color:#404040; font-size:8px;">tristique</a>
                    <a href="#" style="color:#6bbfca; font-size:26px;">turpis</a>
                    <a href="#" style="color:#6db558; font-size:14px;">feugiat</a>
                    <a href="#" style="color:#6bbfca; font-size:16px;">egestas</a>
                    <a href="#" style="color:#e22a72; font-size:18px;">eros</a>
                    <a href="#" style="color:#6bbfca; font-size:12px;">maouris</a>
                    <a href="#" style="color:#c8aeb7; font-size:10px;">hendrerit</a>
                    <a href="#" style="color:#e6246a; font-size:16px;">nisi</a>
                	<a href="#" style="color:#6bbfca; font-size:14px;">lorem</a>
                    <a href="#" style="color:#dc7526; font-size:26px;">adipiscing</a>
                    <a href="#" style="color:#6db558; font-size:18px;">ipsum</a>
                    <a href="#" style="color:#696969; font-size:10px;">dolor</a>
                    <a href="#" style="color:#e6246a; font-size:14px;">sit</a>
                    <a href="#" style="color:#e22a72; font-size:16px;">amet</a>
                    <a href="#" style="color:#e55f92; font-size:10px;">consectetur</a>
                    <a href="#" style="color:#6bbfca; font-size:12px;">elit</a>
                    <a href="#" style="color:#c8aeb7; font-size:8px;">fusce</a>
                    <a href="#" style="color:#00cffa; font-size:16px;">lacus</a>
                    <a href="#" style="color:#404040; font-size:8px;">tristique</a>
                    <a href="#" style="color:#6bbfca; font-size:26px;">turpis</a>
                    <a href="#" style="color:#6db558; font-size:14px;">feugiat</a>
                    <a href="#" style="color:#6bbfca; font-size:16px;">egestas</a>
                    <a href="#" style="color:#e22a72; font-size:18px;">eros</a>
                    <a href="#" style="color:#6bbfca; font-size:12px;">maouris</a>
                    <a href="#" style="color:#6db558; font-size:18px;">ipsum</a>
                    <a href="#" style="color:#696969; font-size:10px;">dolor</a>
                    <a href="#" style="color:#e6246a; font-size:14px;">sit</a>
                    <a href="#" style="color:#e22a72; font-size:16px;">amet</a>
                    <a href="#" style="color:#e55f92; font-size:10px;">consectetur</a>
                    <a href="#" style="color:#6bbfca; font-size:12px;">elit</a>
                	<a href="#" style="color:#6bbfca; font-size:14px;">lorem</a>
                	<a href="#" style="color:#6bbfca; font-size:14px;">lorem</a>
                    <a href="#" style="color:#6db558; font-size:18px;">ipsum</a>
                    <a href="#" style="color:#696969; font-size:10px;">dolor</a>
                    <a href="#" style="color:#e6246a; font-size:14px;">sit</a>
                    <a href="#" style="color:#e22a72; font-size:16px;">amet</a>
                    <a href="#" style="color:#e55f92; font-size:8px;">consectetur</a>
                    <a href="#" style="color:#dc7526; font-size:26px;">adipiscing</a>
                    <a href="#" style="color:#6bbfca; font-size:12px;">elit</a>
                    <a href="#" style="color:#c8aeb7; font-size:8px;">fusce</a>
                    <a href="#" style="color:#6bbfca; font-size:10px;">feugiat</a>
                    <a href="#" style="color:#00cffa; font-size:16px;">lacus</a>
                    <a href="#" style="color:#404040; font-size:8px;">tristique</a>
                    <a href="#" style="color:#6bbfca; font-size:26px;">turpis</a>
                    <a href="#" style="color:#6db558; font-size:14px;">feugiat</a>
                    <a href="#" style="color:#6bbfca; font-size:16px;">egestas</a>
                    <a href="#" style="color:#e22a72; font-size:18px;">eros</a>
                    <a href="#" style="color:#6bbfca; font-size:12px;">maouris</a>
                    <a href="#" style="color:#c8aeb7; font-size:10px;">hendrerit</a>
                    <a href="#" style="color:#e6246a; font-size:16px;">nisi</a>
                	<a href="#" style="color:#6bbfca; font-size:14px;">lorem</a>
                    <a href="#" style="color:#dc7526; font-size:26px;">adipiscing</a>
                    <a href="#" style="color:#6db558; font-size:18px;">ipsum</a>
                    <a href="#" style="color:#696969; font-size:10px;">dolor</a>
                    <a href="#" style="color:#e6246a; font-size:14px;">sit</a>
                    <a href="#" style="color:#e22a72; font-size:16px;">amet</a>
                    <a href="#" style="color:#e55f92; font-size:10px;">consectetur</a>
                    <a href="#" style="color:#6bbfca; font-size:12px;">elit</a>
                    <a href="#" style="color:#c8aeb7; font-size:8px;">fusce</a>
                    <a href="#" style="color:#00cffa; font-size:16px;">lacus</a>
                    <a href="#" style="color:#404040; font-size:8px;">tristique</a>
                    <a href="#" style="color:#6bbfca; font-size:26px;">turpis</a>
                    <a href="#" style="color:#6db558; font-size:14px;">feugiat</a>
                    <a href="#" style="color:#6bbfca; font-size:16px;">egestas</a>
                    <a href="#" style="color:#e22a72; font-size:18px;">eros</a>
                    <a href="#" style="color:#6bbfca; font-size:12px;">maouris</a>
                    <a href="#" style="color:#6db558; font-size:18px;">ipsum</a>
                    <a href="#" style="color:#696969; font-size:10px;">dolor</a>
                    <a href="#" style="color:#e6246a; font-size:14px;">sit</a>
                    <a href="#" style="color:#e22a72; font-size:16px;">amet</a>
                    <a href="#" style="color:#e55f92; font-size:10px;">consectetur</a>
                    <a href="#" style="color:#6bbfca; font-size:12px;">elit</a>
                	<a href="#" style="color:#6bbfca; font-size:14px;">lorem</a>
                	<a href="#" style="color:#6bbfca; font-size:14px;">lorem</a>
                    <a href="#" style="color:#6db558; font-size:18px;">ipsum</a>
                    
        
        </div>
		<div id="menu">
        	<ul>
            	<li><a href="<?php echo base_url(); ?>">anasayfa</a></li>
                <li><a href="#" id="tagsLink">etiketler</a></li>
                <li><a href="#" id="searchLink">arama</a></li>
                <?php if(!uye_girdi()): ?>
                <li><a href="#" id="loginLink">giriş yap</a></li>
                <?php endif; ?>
            </ul>
            <div class="loginlinks">
                <?php if(uye_girdi()): ?>
                	<a href="<?php echo cikis_url(); ?>" id="logoutlink1"><?php echo kullanici_adi(); ?></a> olarak giriş yapıldı.
                <?php else: ?>
                	Hoşgeldin ziyaretçi!
                <?php endif; ?>
            </div>
            <div class="clearer"></div>
        </div>
        
	</div>
	<div id="content">